<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" type="text/css" href="{{pluResPath}}html/mysNews/mysNews.css"/>
  </head>
  <body>
    <svg style="display: none">
      <symbol id="icon-dianzanpc" viewBox="0 0 1024 1024">
        <path
          d="M890.0923072 357.9623936h-252.06153813s107.07013973-335.35387307-145.07541867-336.16607253c-77.71897387-0.25206187-111.49522027 71.8655456-111.49522027 71.8655456C374.71048213 395.82763733 161.91453013 385.94122347 161.91453013 385.94122347H105.9008544c-88.13751787 0.30807573-84.02051307 76.4026528-84.020512 76.40265386S21.65628693 822.2877536 21.8803424 916.13866667c0.196048 88.52961387 82.98426027 85.08477227 82.9842592 85.08477226s497.70951147 0.50412267 636.20332267 0c117.7407456-0.44810987 138.29776427-85.08477227 138.29776426-85.08477226s57.63807147-190.250448 110.65501547-368.71001707C1047.5187424 353.8733952 890.0923072 357.9623936 890.0923072 357.9623936z"
          fill="#ffffff"
        ></path>
        <path
          d="M889.81223893 358.29847573h-251.921504s107.01412693-335.52191467-144.9913984-336.36212053c-77.69096747-0.25206187-111.4392064 71.92155947-111.4392064 71.92155947-6.749648 302.33381227-219.43357227 292.4473984-219.43357333 292.4473984H106.04088853c-88.10951147 0.30807573-83.9644992 76.43066027-83.9644992 76.4306592s-0.2240544 360.13992427 0 454.0188448c0.196048 88.55762027 82.9282464 85.14078613 82.9282464 85.14078613s497.4574496 0.50412267 635.8672416 0c117.68473173-0.44810987 138.2417504-85.14078613 138.2417504-85.14078613s57.61006507-190.33446827 110.57099414-368.90606507c57.47003093-193.63927573-99.87238293-189.55027733-99.87238294-189.55027627zM77.89401707 895.69367573V486.7938464S77.13783253 441.9829056 122.73296427 441.9829056c14.78761067 0 51.6166016 4.20102613 95.2512544-2.35257387V946.10598293h-84.02051307S77.89401707 953.3317472 77.89401707 895.69367573z m862.77863893-392.09572693c-22.15340907 89.7339072-112.0553568 380.89299093-112.0553568 380.89299093s-18.0083968 61.6150432-106.45398933 61.6150432H273.9978944V425.03876907c77.94302933-29.96731627 157.56646827-107.26618773 168.06903253-302.33381227 0 0 55.00542933-103.06516267 140.06219414 5.60136747 53.80113493 68.72877973-28.00683733 285.669744-28.00683734 285.669744h324.93533014c-0.0280064 0 83.7684512-0.11202773 61.61504213 89.62188053z"
          fill="#b2b2b2"
        ></path>
      </symbol>
      <symbol id="icon-shoucang" viewBox="0 0 1080 1024">
        <path
          d="M999.168 343.04l-245.020444-62.919111-159.800889-220.216889S575.772444 28.586667 541.070222 28.444444c-34.702222-0.170667-63.914667 31.459556-63.914666 31.459556L328.049778 269.653333s-225.024 67.555556-245.020445 73.415111c-19.996444 5.859556-49.180444 19.484444-53.276444 41.955556-6.997333 38.428444 10.638222 62.919111 10.638222 62.919111l159.800889 188.757333v283.136c0.028444 21.504-2.332444 42.723556 21.304889 62.919112s63.914667 10.496 63.914667 10.496l255.658666-104.874667 245.020445 94.378667c16.981333 6.542222 52.423111 18.488889 74.581333 0 22.158222-18.488889 21.304889-52.451556 21.304889-52.451556V636.700444s116.593778-143.160889 138.496-167.793777c21.902222-24.632889 31.744-41.386667 31.971555-73.415111s-53.276444-52.451556-53.276444-52.451556z"
          fill="#ffffff"
        ></path>
        <path
          d="M999.196444 343.04l-244.935111-62.919111-159.744-220.216889S575.943111 28.586667 541.269333 28.444444c-34.673778-0.170667-63.886222 31.459556-63.886222 31.459556L328.305778 269.653333s-224.938667 67.555556-244.935111 73.415111c-19.968 5.859556-49.152 19.484444-53.248 41.955556-6.997333 38.428444 10.638222 62.919111 10.638222 62.919111l159.744 188.757333v283.136c0.028444 21.475556-2.332444 42.723556 21.304889 62.919112 23.637333 20.195556 63.886222 10.496 63.886222 10.496l255.573333-104.874667 244.935111 94.378667c16.952889 6.542222 52.394667 18.488889 74.552889 0s21.304889-52.451556 21.304889-52.451556V636.700444s116.536889-143.160889 138.439111-167.793777c21.902222-24.632889 31.744-41.386667 31.943111-73.415111s-53.248-52.451556-53.248-52.451556z m-9.301333 72.248889c-10.752 13.909333-164.920889 199.111111-164.920889 199.111111v301.511111s3.214222 19.456-22.755555 11.377778c-25.969778-8.078222-261.603556-96.711111-261.603556-96.711111l-267.292444 102.4s-17.152 9.671111-17.066667-11.377778c0.113778-21.048889 0-307.2 0-307.2l-164.920889-193.422222s-17.265778-14.592 5.688889-22.755556c22.954667-8.163556 267.292444-85.333333 267.292444-85.333333l159.232-221.866667s16.128-15.758222 28.444445 0c12.316444 15.758222 164.920889 233.244444 164.920889 233.244445l267.292444 73.955555s16.412444 3.157333 5.688889 17.066667z"
          fill="#b2b2b2"
        ></path>
      </symbol>
    </svg>
    <div class="container" id="container">
      <div class="mhy-layout__main">
        <div class="mhy-article-page__main mhy-container">
          <div class="account">
            <div class="mhy-authentication-mark-container">
              <span class="mhy-authentication-mark"
                ><img
                  src=""
                  class="mhy-img-icon mhy-symbol-icon"
              /></span>
            </div>
            <img src="{{data.user.avatar_url}}" class="mhy-account-avatar" />
            <div class="account-info">
              <div class="mhy-account-title">
                {{data.user.nickname}}
                <img src="https://img-static.mihoyo.com/level/level{{data.user.level_exp.level}}.png" class="mhy-img-icon account-title" />

                {{if data.user?.certification?.type == 1}}
                <img
                  src=""
                  class="mhy-img-icon account-title"
                />
                {{/if}}
              </div>
              <p class="account-label">{{data.user?.certification?.label || ""}}</p>
            </div>
            <div class="mhy-follow-button sm-btn android-margin" id="qrcode"></div>
            <img class="mhy-logo" src="{{pluResPath}}html/mysNews/mys.png" />
          </div>
          <div class="mhy-article-page__header">
            <div class="mhy-article-page__title">
              <h1>{{data.post.subject}}</h1>
            </div>

            <div class="mhy-article-page-info">
              <div class="mhy-article-page-info__from">
                <span>来自版块：</span>
                <a href="" class="mhy-router-link mhy-article-page-info__from-name" target="_blank">{{data?.forum?.name || ""}} </a>
              </div>
              <div class="mhy-article-page-info__count">
                <div class="mhy-article-page-info__count-item">
                  <i class="mhy-icon iconfont icon-liulanshu"></i> <span title="">{{data.stat.view_num}}</span>
                </div>
                <div class="mhy-article-page-info__count-item">
                  <i class="mhy-icon iconfont icon-dianzan"></i> <span title="">{{data.stat.like_num}}</span>
                </div>
                <div class="mhy-article-page-info__count-item mhy-clickable">
                  <i class="mhy-icon iconfont icon-liuyanshu"></i> <span title="">{{data.stat.reply_num}}</span>
                </div>
                <!-- <div class="mhy-article-page-info__count-item">
                  <i class="mhy-icon iconfont icon-shoucang"></i> <span title="">{{data.stat.bookmark_num}}</span>
                </div> -->
              </div>
            </div>
            <div class="mhy-article-page-updatetime">
              <span>文章发表：{{data.post.created_time}}</span>
            </div>
          </div>
          <div class="mhy-article-page__content">
            <div class="mhy-img-text-article ql-container ql-snow">
              <div class="data_box mhy-img-text-article__content ql-editor">{{@dataConent}}</div>
            </div>
          </div>
          <div class="mhy-article-page__footer">
            <div class="mhy-article-page-bottom">
              <div class="mhy-topic-label-selector">
                {{each data.topics val}}
                <div class="mhy-topic-label mhy-topic-label-selector__item">
                  <a href="" class="mhy-router-link mhy-topic-label__link" target="_blank">
                    <span>{{val.name}}</span>
                  </a>
                </div>
                {{/each}}
              </div>
              <!-- <div class="mhy-button mhy-article-page__report mhy-button-default"><button class="mhy-button__button">举报</button></div> -->
            </div>

            <div class="mhy-article-page-user-data">
              <!-- <div class="mhy-article-page-user-data__item">
                <div class="mhy-heart-click">
                  <svg class="mhy-symbol-icon mhy-heart-click__icon"><use xlink:href="#icon-dianzanpc"></use></svg>
                  <span>{{data.stat.like_num}}</span>
                </div>
              </div>
              <div class="mhy-article-page-user-data__item">
                <svg class="mhy-symbol-icon"><use xlink:href="#icon-shoucang"></use></svg> <span>{{data.stat.bookmark_num}}</span>
              </div> -->
            </div>
          </div>
        </div>
      </div>
      <!-- <div class="logo">Created By Yunzai-Bot</div> -->
    </div>
  </body>
  <script type="text/javascript" src="{{pluResPath}}html/mysNews/qrcode.min.js"></script>
  <script type="text/javascript">
    var qrcode = new QRCode(document.getElementById("qrcode"), {
      text: "https://bbs.mihoyo.com/ys/article/{{data.post.post_id}}", // 内容可以是文字，链接，邮箱
      width: 130, //设置宽度
      height: 130, // 设置高度
      correctLevel: QRCode.CorrectLevel.H, // 设置容错级别，上面有介绍
    });
  </script>
</html>
